@charset "UTF-8";
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
    font-family: 'hm-r';
}
html{
    font-size: 100px;
    -webkit-text-size-adjust:100%;
}
body{
    font-size: 14px;
    padding:0;margin:0 auto;color:#333;background-color:#fff;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);
    /* -webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none; */
}
ul,ol,li{list-style:none;list-style-type:none;}
a,a:link,a:visited{text-decoration:none;}
a{color: #333;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;vertical-align:middle;outline:none;border:none;}
input{border: none;}
select{appearance: none;}
table{border-collapse:collapse;border-spacing:0}
table td{border-collapse:collapse;}
img{border:none;max-width:100%;vertical-align:middle;}
a{
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom: 1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:4px;height:2px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#002c75;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#dfe5f0;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
.dis_pc{
    display: block;
}
.dis_mb{
    display: none;
}

.f80{font-size: .8rem;}
.f72{font-size: .72rem;}
.f60{font-size: .60rem;}
.f52{font-size: .52rem;}
.f48{font-size: .48rem;}
.f44{font-size: .44rem;}
.f42{font-size: .42rem;}
.f40{font-size: .4rem;}
.f30{font-size: .30rem;}
.f36{font-size: .36rem;}
.f32{font-size: .32rem;}

.f28{font-size: .28rem;}
.f24{font-size: .24rem;}
.f22{font-size: .22rem;}
.f20{font-size: .20rem;}
.f18{font-size: .18rem;}
.f16{font-size: .16rem;}
.f14{font-size: .14rem;}
.inner{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.auto1200{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
/*pages end*/

@media (min-width:1601px){
    html{font-size: 100px}
    .inner{
        width: 100%;
        padding: 0 20px;
    }
}
@media (max-width:1600px){
    .inner{
        padding: 0 20px;
    }
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1200px){ 
    .auto1200{
        padding: 0 20px;
    }
}

@media (max-width:1024px){ 

    .f80{font-size: .6rem;}
    .f72{font-size: .48rem;}
    .f60{font-size: .4rem;}
    .f52 {
        font-size: 0.38rem;
    }
    .f48{font-size: .36rem;}
    .f40{font-size: .3rem;}
    .f36{font-size: .24rem;}
    .f32{font-size: .2rem;}
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:768px){ 
    .f80{font-size: .4rem;}
    .f72{font-size: .3rem;}
    .f60{font-size: .28rem;}
    .f48{font-size: .28rem;}
    .f40{font-size: .24rem;}
    .f32{font-size: .22rem;}
    .f18{font-size: .18rem;}
    .f16 {
        font-size: .16rem;
    }
}
@media (max-width:640px){ 
    html{font-size: calc(100 / 640 * 100vw);} 
    .f40{font-size: .4rem;}
    .f24{font-size: .26rem;}
    .f22{font-size: .24rem;}
    .f20{font-size: .22rem;}
    .f18{font-size: .22rem;}
    .f16{font-size: .20rem;}
    .f14{font-size: .18rem;} 
}